<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>360商城</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/user.css">
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8" async defer></script>
	<script>
		
	</script>
</head>
<body>
	<!-- top头部部分开始 -->
	<div id="top">
		<div class="top">
			<div class="right">
				<ul>
					<li> <a href="" title="">登录</a></li>
					<li> <a href="" title="">注册</a></li>
					<li> <a href="" title="">我的订单</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- logo购物车部分开始 -->
	<div id="search">
		<div class="logo">
			<a href="" title=""><img src="images/logo.png" alt=""></a>
		</div>
		<!-- 搜索框部分开始 -->
		<div class="header_search">
			<div class="form">
				<form action="" method="post" accept-charset="utf-8">
					<input class="input" type="text" name="q" placeholder="360行车记录仪">
					<input class="submit" type="submit" value="">
				</form>
			</div>
			<div class="shopcar">
				<div class="gwc">
					<a href="" title=""><i></i>我的购物车<span>(0)</span></a>
				</div>
				<div class="gwchtc">
					<a href="" title="">您的购物车没有东西<span>(0)</span></a>
				</div>
			</div>
			<div class="hot">
			<a href="">智能出行伴侣</a><a href="">智能出行伴侣</a><a href="">智能出行伴侣</a>
			</div>
		</div>
		
	</div>
	<!-- top购物车部分结束 -->
	<!-- top分类部分开始 -->
	<div id="cate">	
		<div id="top_cate">
		<div class="cate">
			<a href=""> 全部智能酷品</a>
		</div>
		<ul>
			<li><a href="">手机</a></li>
			<li><a href="">行车记录仪</a></li>
			<li><a href="">儿童手表</a></li>
			<li><a href="">手机</a></li>
			<li><a href="">路由器</a></li>
			<li><a href="">路由器</a></li>
		</ul>
		</div>
	</div>
	<!-- 公共部分结束 -->
<!-- 	<div id="user">
		<div class="index">
			<div class="member">
				<ul>
					<li class="title">♥个人中心</li>
					<li><a href="" title="">我的订单</a></li>
					<li><a href="" title="">我的喜欢</a></li>
					<li><a href="" title="">收获地址</a></li>
				</ul>
			</div>
		</div>
	</div> -->
	<!-- 个人中心开始 -->
	<div id="personal-center">
	<div class="personal-all">
		<div class="personal-all-left">
			<ul>
				<li><i></i><p></p><span>个人中心</span></li>
				<li><a href="javascript:;">我的订单<span>></span></a></li>
				<li><a href="javascript:;">收货地址<span>></span></a></li>
				<li><a href="javascript:;">我的喜欢<span>></span></a></li>
			</ul>
		</div>
		<div class="personal-all-right">
			<div class="personal-all-right1">
				<h1>我的订单</h1>
				<a href="javascript:;"></a>
			</div>
			<div class="personal-all-right2">
				<ul>
					<li><a href="">全部订单</a></li>
					<li><a href="">待付款</a></li>
					<li><a href="">待发货</a></li>
					<li><a href="">已发货</a></li>
					<li><a href="">已完成</a></li>
					<li><a href="">已关闭</a></li>
				</ul>
			</div>
			<div class="personal-all-right3">
			
				<ul>
					<li class="list-col1">订单信息</li>
					<li class="list-col2">订单金额</li>
					<li class="list-col3">订单状态</li>
					<li class="list-col4">操作</li>
				</ul>			
			</div>
			<div class="order">
				<table>	

						<tr class="list-order-info"> 
							<td colspan="4"> 订单编号：
							 <b class="m-r-20">1622206553001000002</b>
							 &nbsp;&nbsp;&nbsp;提交时间：2016-08-09 10:55:00 <span class="fr">
							 客服电话： <span class="contact-num">  400-011-1388  </span></span>
							</td> 
						</tr>				
						<tr class="list-order-detail" height="80"> 
							<td width="570">   
								<div class="item-product clearfix_new"> 
									<a href="" target="_blank" title="360闪充闪放双涡轮引擎快充移动电源10000mAh（金色）">
										<img class="item-img" src="https://p.ssl.qhmsg.com/t01fb7a816228579629.jpg">
									</a> 
									<div class="item-txt"> 
										<p> 
											<a href="" target="_blank" title="360闪充闪放双涡轮引擎快充移动电源10000mAh（金色）">360闪充闪放双涡轮引擎快充移动电源10000mAh（金色）
											</a>
										</p> 
										<p>￥129.00</p>
									</div> 
									<div class="item-count">x1</div>
								</div>   
							</td>
						 	<td> ￥129.00 <p class="item-fee">(运费￥0.00)</p></td>
						  	<td> 等待付款  </td> 
							<td>  
								<p class="countdonw_time">1时34分56秒</p> 
								<p class="fukuan_info">前完成付款<img width="20" src="images/help.png">
								</p> 
								<a class="qufukuan_link mod-btn-orange" target="_blank" href="">去付款</a> 
								<p>
									<a href="#" data-id="1622206553001000002" onclick="return false" class="console-cancel">取消订单
									</a>
								</p>  
							</td>  
						  </tr>
				</table>		
			</div>
		</div>
	</div>
	</div>
<!--个人中心结束-->

	<!-- 公共尾部开始 -->
	<div id="ser">
		<div class="ser">
			<div class="li">
				<i>7</i><span>7天无理由退货</span>
			</div>
			<div class="li">
				<i>15</i><span>15天免费换货</span>
			</div>
			<div class="li lin">
				<i>包</i><span>7满99元包邮</span>
			</div>
		</div>
	</div>
	<div id="footer">
         <div class="ft">
         		<br>
         		<br>
         		<br>
              <p>360商城©2013-2016 360公司版权所有 京ICP备08010314号-43 京公网安备11000002000006号奇酷互联网络科技（深圳）有限公司 0755-61898999 深圳市南山区学苑大道1001号南山智园A2栋</p>
         </div>
    </div>
</body>
</html>